<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="img/logo.png" />
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="js/index.js"></script>
    <title>蓝山办公</title>
</head>

<body>
    <!-- 头部 -->
    <header>
        <!-- 导航栏 -->
        <nav>
            <!-- 版心大小控制 -->
            <div class="container">
                <!-- logo部分 -->
                <div class="logo">
                    <img src="img/logo.png" alt="">蓝山办公
                    <div class="logo_none">
                        <img src="img/tuo_logo.png" alt="">
                    </div>
                </div>
                <!-- 四大模板导航 -->
                <ul class="nav_ul">
                    <li>
                        <a href="./模板/PPT模板.html">PPT模板</a>
                        <div class="let">
                            <ul>
                                <li>总结计划</li>
                                <li>教育培训</li>
                                <li>节日庆典</li>
                                <li>毕业答辩</li>
                                <li>求职简历</li>
                                <li>营销策划</li>
                                <li>述职汇报</li>
                                <li>医疗卫生</li>
                                <li>商业计划</li>
                                <li>行业通用</li>
                                <li>校园通用</li>
                                <li>环保公益</li>
                                <li>企业管理</li>
                                <li>其他</li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="./模板/Excel模板.html">Excel模板</a>
                        <div class="let">
                            <ul>
                                <li>财务会计 </li>
                                <li>仓储购销</li>
                                <li>市场营销</li>
                                <li>人事行政</li>
                                <li>企业管理</li>
                                <li>教育培训</li>
                                <li>个人日常</li>
                                <li>运营客服</li>
                                <li>建筑工程</li>
                                <li>其他</li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="./模板/Word模板.html">Word模板</a>
                        <div class="let">
                            <ul>
                                <li>简历</li>
                                <li>合同协议</li>
                                <li>人事行政</li>
                                <li>营销策划</li>
                                <li>企业管理</li>
                                <li>工作范文</li>
                                <li>财务会计</li>
                                <li>手抄报</li>
                                <li>其他</li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="./jiaocheng/office.html">Office教程</a>
                    </li>
                </ul>
                <!-- 登录注册模块 -->
                <div class="login">
                    <a href="javascript:;">登录</a>
                    <a href="javascript:;">注册</a>
                </div>
            </div>
        </nav>

        <!-- 下滑固定导航栏 -->
        <div class="fixed_nav">
            <!-- 版心大小控制 -->
            <div class="container">
                <!-- logo部分 -->
                <div class="logo">
                    <img src="img/logo.png" alt="">蓝山办公
                    <div class="logo_none">
                        <img src="img/tuo_logo.png" alt="">
                    </div>
                </div>
                <!-- 两个模块 -->
                <ul>
                    <li><a href="javascript:;">首页</a></li>
                    <li><a href="javascript:;">分类</a></li>
                </ul>
                <!-- 固定搜索栏 -->
                <div class="search">
                    <div class="search_input">
                        <span id="a1">全部</span>
                        <input type="text" placeholder="搜索精选模板" class="put2">
                        <button> 搜索</button>
                        <div class="query1">
                            <div class="kb"></div>
                            <ul>
                                <li>PPT模板</li>
                                <li>Excel模板</li>
                                <li>Word模板</li>
                            </ul>
                        </div>
                        <!-- <div class="search_content">
                            <h5>我搜过的：</h5>
                            <p>大家都在搜</p>
                            <ul>
                                <li><span class="blue">1</span> 工作总结</li>
                                <li><span class="blue">2</span> 秋天</li>
                                <li><span class="blue">3</span> 国潮风</li>
                                <li><span>4</span> 简历</li>
                                <li><span>5</span> 表格</li>
                                <li><span>6</span> 手抄报</li>
                                <li><span>7</span> 合同</li>
                                <li><span>8</span> 考勤表</li>
                                <li><span>9</span> 教育培训</li>
                                <li><span>10</span> 商业计划书</li>
                            </ul>
                        </div> -->
                    </div>
                </div>
                <!-- 登录注册模块 -->
                <div class="login">
                    <a href="javascript:;">登录</a>
                    <a href="javascript:;">注册</a>
                </div>
            </div>
        </div>

        <!-- 搜索框模块 -->
        <div class="container">
            <div class="search">
                <div class="search_input">
                    <span>全部</span>
                    <input type="text" placeholder="搜索精选模板" class="put1">
                    <button class="sech"> 搜索</button>
                    <div class="query">
                        <div class="kb"></div>
                        <ul>
                            <li>PPT模板</li>
                            <li>Excel模板</li>
                            <li>Word模板</li>
                        </ul>
                    </div>
                    <div class="search_content">
                        <h5>我搜过的：</h5>
                        <p>大家都在搜</p>
                        <ul id="ajax">
                            <li><span class="blue">1</span> 工作总结</li>
                            <li><span class="blue">2</span> 秋天</li>
                            <li><span class="blue">3</span> 国潮风</li>
                            <li><span>4</span> 简历</li>
                            <li><span>5</span> 表格</li>
                            <li><span>6</span> 手抄报</li>
                            <li><span>7</span> 合同</li>
                            <li><span>8</span> 考勤表</li>
                            <li><span>9</span> 教育培训</li>
                            <li><span>10</span> 商业计划书</li>
                        </ul>
                    </div>
                    <div class="ajax">
                        <div class="search_content1">
                            <p>很抱歉没有找到你要的数据</p>
                        </div>
                    </div>
                </div>
                <ul>
                    <li><span>热门搜索：</span><a href="javascript:;">工作总结</a></li>
                    <li><a href="javascript:;">秋天</a></li>
                    <li><a href="javascript:;">国潮风</a></li>
                    <li><a href="javascript:;">简历</a></li>
                    <li><a href="javascript:;">表格</a></li>
                    <li><a href="javascript:;">手抄报</a></li>
                    <li><a href="javascript:;">合同</a></li>
                    <li><a href="javascript:;">考勤表</a></li>
                </ul>
            </div>
        </div>
    </header>
    <!-- 轮播图区域 -->
    <section class="lbtmk">
        <ul>
            <li><a href="javascript:;"><img src="img/lbt1.png" alt=""></a></li>
            <li><a href="javascript:;"><img src="img/lbt2.png" alt=""></a></li>
            <!-- <li><a href="javascript:;"><img src="img/lbt1.png" alt=""></a></li>
            <li><a href="javascript:;"><img src="img/lbt2.png" alt=""></a></li> -->
        </ul>
        <div class="btns">
            <div class="prev"></div>
            <div class="next"></div>
        </div>
        <div class="tab_yuan">
            <ul></ul>
        </div>
    </section>
    <!-- 中间内容部分 -->
    <div class="container">
        <!-- 四个小图 -->
        <div class="imgs">
            <div>
                <img src="img/简历.png" alt="">
                <a href="javascript:;">求职简历PPT</a>
            </div>
            <div>
                <img src="img/PPT.png" alt="">
                <a href="javascript:;">总结计划PPT</a>
            </div>
            <div>
                <img src="img/计划书.png" alt="">
                <a href="javascript:;">商业计划书PPT</a>
            </div>
            <div>
                <img src="img/数据分析.png" alt="">
                <a href="javascript:;">数据分析表</a>
            </div>
        </div>

        <!-- PPT模板 -->
        <div class="PPT">
            <!-- PPT头部 -->
            <div class="head">
                <span>PPT模板</span>
                <ul class="PT1">
                    <li class="currte">环保公益PPT</li>
                    <li>校园教育PPT</li>
                    <li>教育培训PPT</li>
                    <li>工作总结PPT</li>
                </ul>
                <a href="javascript:;">查看更多</a>
            </div>
            <!-- PPT内容 -->
            <div class="content all">
                <div data-set="0">
                    <ul>
                        <li>
                            <img src="img/PPT1.jpg" alt="">
                            <p>简洁风节约用电PPT模板</p>
                            <div data-index="1">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                        <li>
                            <img src="img/PPT2.jpg" alt="">
                            <p>卡通风森林防火通用PPT模板</p>
                            <div data-index="2">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                        <li>
                            <img src="img/PPT3.jpg" alt="">
                            <p>简约自然风绿色文明城市PPT模板</p>
                            <div data-index="3">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                        <li>
                            <img src="img/PPT4.jpg" alt="">
                            <p>简洁风关爱儿童公益宣传PPT模板</p>
                            <div data-index="4">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                    </ul>
                </div>

                <div data-set="1">
                    <ul>
                        <li>
                            <img src="img/PPT5.jpg" alt="">
                            <p>可爱卡通海底世界教师公开课PPT模板</p>
                            <div data-index="5">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                        <li>
                            <img src="img/PPT6.jpg" alt="">
                            <p>教师说课公开课ppt模板</p>
                            <div data-index="6">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                        <li>
                            <img src="img/PPT7.jpg" alt="">
                            <p>PPT模板课件桂林山水甲天下人教版三年级</p>
                            <div data-index="7">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                        <li>
                            <img src="img/PPT8.jpg" alt="">
                            <p>孟菲斯简约好书推荐PPT模板</p>
                            <div data-index="8">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                    </ul>
                </div>


                <div data-set="2">
                    <ul>
                        <li>
                            <img src="img/PPT9.jpg" alt="">
                            <p>蓝色卡通风企业新员工入职培训通用PPT模板</p>
                            <div data-index="9">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                        <li>
                            <img src="img/PPT10.jpg" alt="">
                            <p>蓝色卡通风教师教学计划教师说课通用PPT模板</p>
                            <div data-index="10">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                        <li>
                            <img src="img/PPT11.jpg" alt="">
                            <p>蓝色小清新风职业生涯规划通用PPT模板</p>
                            <div data-index="11">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                        <li>
                            <img src="img/PPT12.jpg" alt="">
                            <p>绿色卡通风人事行政部培训课件通用PPT模板</p>
                            <div data-index="12">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                    </ul>
                </div>

                <div data-set="3">
                    <ul>
                        <li>
                            <img src="img/PPT13.jpg" alt="">
                            <p>小清新工作总结商务汇报通用PPT模板</p>
                            <div data-index="13">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                        <li>
                            <img src="img/PPT14.jpg" alt="">
                            <p>蓝色卡通风工作总结述职报告PPT模板</p>
                            <div data-index="14">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                        <li>
                            <img src="img/PPT15.jpg" alt="">
                            <p>红色商务风季度工作计划通用PPT模板</p>
                            <div data-index="15">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                        <li>
                            <img src="img/PPT16.jpg" alt="">
                            <p>简约大气通用2021工作总结动态PPT模板</p>
                            <div data-index="16">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- Excel模板 -->
        <div class="PPT">
            <!-- Excel头部 -->
            <div class="head">
                <span>Excel模板</span>
                <ul class="EX1">
                    <li class="currte">教育培训</li>
                    <li>仓库购销</li>
                    <li>财务会计</li>
                    <li>个人日常</li>
                </ul>
                <a href="javascript:;">查看更多</a>
            </div>
            <!-- Excel内容 -->
            <div class="content all">
                <div data-set="0">
                    <ul>
                        <li>
                            <img src="img/Excel1.jpg" alt="">
                            <p>简约课程计划学习表模板</p>
                            <div data-index="17">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                        <li>
                            <img src="img/Excel2.jpg" alt="">
                            <p>学生期末考试成绩统计表</p>
                            <div data-index="18">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                        <li>
                            <img src="img/Excel3.jpg" alt="">
                            <p>简易学习计划目标表模板</p>
                            <div data-index="19">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                        <li>
                            <img src="img/Excel4.jpg" alt="">
                            <p>简易中小学生课程表</p>
                            <div data-index="20">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                    </ul>
                </div>

                <div data-set="1">
                    <ul>
                        <li>
                            <img src="img/Excel5.jpg" alt="">
                            <p>员工个人信息登记表模板</p>
                            <div data-index="21">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                        <li>
                            <img src="img/Excel6.jpg" alt="">
                            <p>工资变更申请表模板</p>
                            <div data-index="22">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                        <li>
                            <img src="img/Excel7.jpg" alt="">
                            <p>周减肥计划表模板</p>
                            <div data-index="23">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                        <li>
                            <img src="img/Excel8.jpg" alt="">
                            <p>个人学习计划课程表模板</p>
                            <div data-index="24">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                    </ul>
                </div>

                <div data-set="2">
                    <ul>
                        <li>
                            <img src="img/Excel9.jpg" alt="">
                            <p>年度财务收入支出图表</p>
                            <div data-index="25">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                        <li>
                            <img src="img/Excel10.jpg" alt="">
                            <p>财务收支利润图表</p>
                            <div data-index="26">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                        <li>
                            <img src="img/Excel11.jpg" alt="">
                            <p>季度财务利润报表</p>
                            <div data-index="27">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                        <li>
                            <img src="img/Excel12.jpg" alt="">
                            <p>财务管理应收应付账款明细模板</p>
                            <div data-index="28">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                    </ul>
                </div>

                <div data-set="3">
                    <ul>
                        <li>
                            <img src="img/Excel13.jpg" alt="">
                            <p>年度财务收入支出图表</p>
                            <div data-index="29">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                        <li>
                            <img src="img/Excel14.jpg" alt="">
                            <p>财务收支利润图表</p>
                            <div data-index="30">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                        <li>
                            <img src="img/Excel15.jpg" alt="">
                            <p>季度财务利润报表</p>
                            <div data-index="31">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                        <li>
                            <img src="img/Excel16.jpg" alt="">
                            <p>财务管理应收应付账款明细模板</p>
                            <div data-index="32">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- Word模板 -->
        <div class="PPT">
            <!-- Word头部 -->
            <div class="head">
                <span>Word模板</span>
                <ul class="WD1">
                    <li class="currte">合同协议</li>
                    <li>手抄报</li>
                    <li>企业管理</li>
                    <li>个人简历</li>
                </ul>
                <a href="javascript:;">查看更多</a>
            </div>
            <!-- Word内容 -->
            <div class="content all">
                <div data-set="0">
                    <ul>
                        <li>
                            <img src="img/Word1.jpg" alt="">
                            <p>实用商务劳动合同范文word模板</p>
                            <div data-index="33">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                        <li>
                            <img src="img/Word2.jpg" alt="">
                            <p>商务劳动合同书word模板</p>
                            <div data-index="34">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                        <li>
                            <img src="img/Word3.jpg" alt="">
                            <p>商务企业劳动合同word模板</p>
                            <div data-index="35">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                        <li>
                            <img src="img/Word4.jpg" alt="">
                            <p>商务企业劳动合同word模板</p>
                            <div data-index="36">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                    </ul>
                </div>

                <div data-set="1">
                    <ul>
                        <li>
                            <img src="img/Word5.jpg" alt="">
                            <p>校园安全word小报手抄报</p>
                            <div data-index="37">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                        <li>
                            <img src="img/Word6.jpg" alt="">
                            <p>倡导低碳生活Word小报手抄报</p>
                            <div data-index="38">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                        <li>
                            <img src="img/Word7.jpg" alt="">
                            <p>安全与我同行小报手抄报模板</p>
                            <div data-index="39">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                        <li>
                            <img src="img/Word8.jpg" alt="">
                            <p>书香点亮中国梦手抄报小报模板</p>
                            <div data-index="40">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                    </ul>
                </div>

                <div data-set="2">
                    <ul>
                        <li>
                            <img src="img/Word9.jpg" alt="">
                            <p>公司工作流程管理制度word文档</p>
                            <div data-index="41">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                        <li>
                            <img src="img/Word10.jpg" alt="">
                            <p>新员工入职培训引导制实施细则</p>
                            <div data-index="42">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                        <li>
                            <img src="img/Word11.jpg" alt="">
                            <p>企业文化管理制度范文word模板</p>
                            <div data-index="43">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                        <li>
                            <img src="img/Word12.jpg" alt="">
                            <p>企业经营分析指标word模板</p>
                            <div data-index="44">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                    </ul>
                </div>

                <div data-set="3">
                    <ul>
                        <li>
                            <img src="img/Word13.jpg" alt="">
                            <p>新媒体运营求职简历</p>
                            <div data-index="45">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                        <li>
                            <img src="img/Word14.jpg" alt="">
                            <p>本科应届毕业生求职简历</p>
                            <div data-index="46">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                        <li>
                            <img src="img/Word15.jpg" alt="">
                            <p>蓝色创意运营专员求职简历</p>
                            <div data-index="47">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                        <li>
                            <img src="img/Word16.jpg" alt="">
                            <p>白色极简应届毕业生简历模板</p>
                            <div data-index="48">
                                <button><a href="javascript:;">立即下载</a><img src="img/download_icon.png" alt=""></button>
                                <button><a href="javascript:;">收藏</a><img src="img/keep_icon.png" alt=""></button>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- PPT Word Excel教程模块 -->
        <article>
            <ul>
                <li>
                    <!-- PPT -->
                    <div class="head">
                        <img src="img/PPTico.png" alt="">
                        <span>PPT教程</span>
                        <span>查看更多</span>
                    </div>
                    <div class="content">
                        <ul>
                            <li>
                                <span class="frist">1</span>
                                PPTX格式文件怎么打开?三种方法教你如何打开PPTX文件
                            </li>
                            <li>
                                <span class="second">2</span>
                                PPT文件打不开怎么办?
                            </li>
                            <li>
                                <span class="third">3</span>
                                PowerPoint超链接字体颜色修改、怎么去掉超链接下划线
                            </li>
                            <li>
                                <span>4</span>
                                PowerPoint里面无法进行中文输入，原因如何?
                            </li>
                            <li>
                                <span>5</span>
                                如何在ppt插入页码
                            </li>
                            <li>
                                <span>6</span>
                                ppt2003怎么输入约等于符号?
                            </li>
                            <li>
                                <span>7</span>
                                PPT绘制诺曼底号遇难记思维导图
                            </li>
                            <li>
                                <span>8</span>
                                PPT太大如何压缩到最小的方法
                            </li>
                            <li>
                                <span>9</span>
                                PPT模板中的背景图片如何修改
                            </li>
                            <li>
                                <span>10</span>
                                怎样把多个PPT文件合并一个PPT文件
                            </li>
                        </ul>
                    </div>
                </li>

                <li>
                    <!-- Word -->
                    <div class="head">
                        <img src="img/Wordico.png" alt="">
                        <span>Word教程</span>
                        <span>查看更多</span>
                    </div>
                    <div class="content">
                        <ul>
                            <li>
                                <span class="frist">1</span>
                                word 文档结构图混乱怎么解决
                            </li>
                            <li>
                                <span class="second">2</span>
                                Word2003如何制作添加文字和图片水印
                            </li>
                            <li>
                                <span class="third">3</span>
                                Word2003带圈数字怎么打
                            </li>
                            <li>
                                <span>4</span>
                                用加减号在Word中快速制作表格技巧
                            </li>
                            <li>
                                <span>5</span>
                                Word菜单栏不见了，怎么办?
                            </li>
                            <li>
                                <span>6</span>
                                毕业论文必备技巧：Word页码从第三页开始设置方法
                            </li>
                            <li>
                                <span>7</span>
                                Word自动生成目录全篇章
                            </li>
                            <li>
                                <span>8</span>
                                Word中下划线打出来的几种技巧
                            </li>
                            <li>
                                <span>9</span>
                                解除Word2003安全模式打开问题
                            </li>
                            <li>
                                <span>10</span>
                                Word文档元素颜色填充，如何让“颜色”成为突围利器？
                            </li>

                        </ul>
                    </div>
                </li>

                <li>
                    <!-- Excel -->
                    <div class="head">
                        <img src="img/Excelico.png" alt="">
                        <span>Excel教程</span>
                        <span>查看更多</span>
                    </div>
                    <div class="content">
                        <ul>
                            <li>
                                <span class="frist">1</span>
                                手把手教你用Excel制作“考勤表”，能更新日期，自动统计考勤!
                            </li>
                            <li>
                                <span class="second">2</span>
                                Excel制作精美日程安排表，带动态进度条图表!
                            </li>
                            <li>
                                <span class="third">3</span>
                                Excel合并单元格数据的多种方法 总有一个适合你
                            </li>
                            <li>
                                <span>4</span>
                                几个例子轻松学会，Excel满足多个条件进行高级筛选查询
                            </li>
                            <li>
                                <span>5</span>
                                使用Access巧妙合并多个Excel文件
                            </li>
                            <li>
                                <span>6</span>
                                Excel2007和2003中都是如何拆分单元格的?
                            </li>
                            <li>
                                <span>7</span>
                                Excel2003中Evaluate函数的用法介绍
                            </li>
                            <li>
                                <span>8</span>
                                Excel2007条件格式的基本使用方法
                            </li>
                            <li>
                                <span>9</span>
                                Excel求和除了Sum系列函数,还有其他方法吗
                            </li>
                            <li>
                                <span>10</span>
                                Countif除了计数之外，还有那些实用的技巧和功能
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>
        </article>

        <!-- 友情链接 -->
        <div class="list_friend">
            <div class="head">
                <ul>
                    <li class="current">友情链接</li>
                    <li>热点推荐</li>
                </ul>
            </div>
            <div class="body">
                <ul>
                    <li>多特软件站</li>
                    <li>天气预报15天</li>
                    <li>房产网</li>
                </ul>
            </div>
            <div class="body none">
                <ul>
                    <li>Excel教程</li>
                    <li>Word教程</li>
                    <li>PPT教程</li>
                    <li>Excel标签</li>
                    <li>Word标签</li>
                    <li>PPT标签</li>
                    <li>工作计划PPT</li>
                    <li>大学生word简历</li>
                    <li>求职信word模板</li>
                    <li>租赁合同word模板</li>
                    <li>财务明细excel模板</li>
                    <li>请假单excel模板</li>
                    <li>培训PPT</li>
                    <li>七夕PPT</li>
                    <li>教学计划PPT</li>
                    <li>广告策划PPT</li>
                    <li>安全教育PPT</li>
                    <li>公司介绍PPT</li>
                    <li>商业计划PPT</li>
                    <li>企划PPT</li>
                    <li>处暑PPT</li>
                    <li>中秋节PPT</li>
                    <li>数据分析PPT</li>
                    <li>推广方案PPT</li>
                    <li>项目总结PPT</li>
                    <li>年终总结PPT</li>
                    <li>市场营销PPT</li>
                </ul>
            </div>
        </div>

    </div>
    <!-- 文章结束部分 -->
    <footer>
        <div class="container">
            <ul class="ul_1">
                <li class="big">关于我们</li>
                <li>关于我们</li>
                <li>用户协议</li>
                <li>隐私政策</li>
            </ul>
            <ul class="ul_2">
                <li class="big">联系我们</li>
                <li>QQ 3320929753</li>
                <li>邮箱 3320929753@qq.com</li>
            </ul>
            <ul class="ul_3">
                <li><img src="img/ico1.png" alt=""></li>
                <li><img src="img/ico2.png" alt=""></li>
                <li><img src="img/ico3.png" alt=""></li>
                <li><img src="img/ico4.png" alt=""></li>
                <li>海量素材</li>
                <li>正版授权</li>
                <li>每日更新</li>
                <li>贴心服务</li>
            </ul>
            <ul class="ul_4">
                <li class="big">关注我们</li>
                <li>
                    <img src="img/wx.png" alt="">
                </li>
                <li>微信扫码 了解更多</li>
            </ul>
            <div class="bottom">
                <span>Copyright © 2020-2021 上海蓝山办公软件有限公司</span>
                <span> 沪ICP备2021002117号-3</span>
            </div>
        </div>
    </footer>

    <!-- 固定右侧边栏 -->
    <div class="cbl">
        <div class="cbl_zq">
            <img src="img/activity_02.png" alt="">
        </div>
        <ul>
            <li>
                <img src="img/icon_vip.png" alt="">
                <img src="img/icon_vip_on.png" alt="">
                VIP
            </li>
            <li>
                <img src="img/icon_money.png" alt="">
                <img src="img/icon_money_on.png" alt="">
                赚钱
            </li>
            <li>
                <img src="img/icon_kefu.png" alt="">
                <img src="img/icon_kefu_on.png" alt="">
                客服
            </li>
            <li>
                <img src="img/icon_suggest.png" alt="">
                <img src="img/icon_suggest_on.png" alt="">
                反馈
            </li>
            <li>
                <img src="img/help.png" alt="">
                <img src="img/help_on.png" alt="">
                帮助
            </li>
        </ul>
        <div class="cbl_kf">
            <span>咨询客服</span>
            <p><img src="img/ke_head.png" alt=""> 客服QQ： 3320929753</p>
            <p><img src="img/kf_time.png" alt=""> 周一到周五： 9:30-18:30</p>
            <button>
                <img src="img/kf_qq.png" alt="">点击联系
            </button>
        </div>
        <div class="back">
            <img src="img/return_top.png" alt="">
            <img src="img/return_top_on.png" alt="">
            顶部
        </div>
    </div>

    <!-- 登录注册模块 -->
    <div class="background">
        <div class="denglu">
            <div class="left">
                <ul>
                    <li>海量创意模版，满足您的办公需求</li>
                    <li>实用易修改，提升您的效率</li>
                    <li>高质量精品热点内容每日更新</li>
                    <li>专业客服接待，及时解决问题</li>
                </ul>
            </div>
            <div class="right">
                <ul>
                    <li>微信登录</li>
                    <li>手机登录</li>
                </ul>
                <div class="ewm">
                    <img src="img/wx.png" alt="">
                </div>
                <p>新用户将自动注册账户</p>
                <span><img src="img/close_icon.png" alt=""></span>
            </div>
        </div>
    </div>

</body>

</html>